<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>

<title>BetterSpace - CS 61A - Han</title>

<style type="text/css">
* {
    margin:0;
    padding:0;
}
body {
    color:black;
    background-color:white;
    font-family:Verdana,sans-serif;
    max-width:8.5in;
    margin:4pt auto;
}
a {
    color:mediumblue;
    text-decoration:none;
}
a:visited {
    color:mediumblue;
}
a:hover {
    text-decoration:underline;
}
p#title {
    float:left;
}
p#title b {
    font-size:150%;
}
p#settings {
    text-align:right;
    padding-top:6pt;
}
p#tabs {
    padding:4pt;
    text-align:center;
    border-bottom:solid gray 1pt;
    margin-bottom:2pt;
}
p#tabs b, p#tabs a {
    margin:1pt;
    padding:4pt;
}
p#tabs b, p#tabs a:hover {
    margin:0;
    border:solid 1pt;
    border-color:gray;
}
p#tabs b {
    border-bottom-color:white;
}
div#menu {
    float:left;
    width:18%;
    margin:4pt;
    border:solid lightgray 2pt;
}
div#menu ul {
    list-style-type:none;
}
div#menu li {
    padding:4pt;
}
div#menu span {
    float:right;
    font-weight:bold;
}
div#menu a+span {
    visibility:hidden; /* instead of display:none, which would give it 0 width */
    color:gray;
}
div#menu a:hover+span {
    visibility:visible;
}
div#content {
    margin-left:20%;
}
div#content p {
    padding:4pt;
    /*border-top:solid lightgray 1pt;*/
}
div#content p:first-child {
    border:none;
}
div#content p span {
    color:gray;
    font-size:80%;
}
div#content p.expanded, div#content p.body {
    background-color:#EFF;
}
div#content p.body {
    padding-top:0;
    border:none;
    padding-left:4%;
    margin-bottom:1%;
}
p#legal {
    clear:both;
    text-align:center;
    padding:4pt;
    border-top:solid gray 1pt;
}
</style>

</head>
<body>

<p id="title"><b style="color:darkblue">Better</b><b style="color:goldenrod">Space</b> by Jay and <a href="mailto:laughinghan@gmail.com">Han</a></p>

<p id="settings"><b>Han</b> | <a href="#">Settings</a> | <a href="#">Help</a> | <a href="#">Log Out</a></p>

<p id="tabs"><a href="#">Home</a> <b>CS 61A</b> <a href="#">Math 1A</a></p>

<div id="menu">
<ul>
<li><a href="news.html">News</a><span>&#9658;</span>
<li><b>Syllabus</b><span>&#9658;</span>
<li><a href="#">Staff Info</a><span>&#9658;</span>
<li><a href="#">Materials</a><span>&#9658;</span>
<li><a href="#">Lectures</a><span>&#9658;</span>
<li><a href="#">Newsgroup</a><span>&#9658;</span>
<li><a href="#">Homework</a><span>&#9658;</span>
</ul>
</div>

<div id="content">
<iframe type="text/html" style="width:650px;height:800px;border-right:solid darkgray 1pt;border-bottom:solid black 1pt" src="http://vuzit.com/view/?id=1riq&output=embed" frameborder="0"></iframe>
</div>

<p id="legal">&copy;Copyright 2009 Jay, Han, <a href="http://berkeley.edu">UC Berkeley</a>. All content belongs to their respective owners.</p>

</body>
</html>